/* ---------------------- FONT DECLARATIONS _start ---------------------- */
@font-face {
  font-family: 'CFAstyPro-Semibold';
  src: url('fonts/CFAstyPro-Semibold.eot') format('embedded-opentype'),  url('fonts/CFAstyPro-Semibold.otf')  format('opentype'), url('fonts/CFAstyPro-Semibold.woff') format('woff'), url('fonts/CFAstyPro-Semibold.bin')  format('truetype'), url('fonts/CFAstyPro-Semibold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CFAstyStd-Bold';
  src: url('fonts/CFAstyStd-Bold.eot') format('embedded-opentype'),  url('fonts/CFAstyStd-Bold.otf')  format('opentype'),
	     url('fonts/CFAstyStd-Bold.woff') format('woff'), url('fonts/CFAstyStd-Bold.bin')  format('truetype'), url('fonts/CFAstyStd-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CFAstyStd-Book';
  src: url('fonts/CFAstyStd-Book.eot') format('embedded-opentype'),  url('fonts/CFAstyStd-Book.otf')  format('opentype'),
	     url('fonts/CFAstyStd-Book.woff') format('woff'), url('fonts/CFAstyStd-Book.bin')  format('truetype'), url('fonts/CFAstyStd-Book.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CFAstyStd-BookOblique';
  src: url('fonts/CFAstyStd-BookOblique.eot') format('embedded-opentype'),  url('fonts/CFAstyStd-BookOblique.otf')  format('opentype'),
	     url('fonts/CFAstyStd-BookOblique.woff') format('woff'), url('fonts/CFAstyStd-BookOblique.bin')  format('truetype'), url('fonts/CFAstyStd-BookOblique.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CFAstyStd-ExtraBoldOblique';
  src: url('fonts/CFAstyStd-ExtraBoldOblique.eot') format('embedded-opentype'),  url('fonts/CFAstyStd-ExtraBoldOblique.otf')  format('opentype'), url('fonts/CFAstyStd-ExtraBoldOblique.woff') format('woff'), url('fonts/CFAstyStd-ExtraBoldOblique.bin')  format('truetype'), url('fonts/CFAstyStd-ExtraBoldOblique.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CFAstyStd-Medium';
  src: url('fonts/CFAstyStd-Medium.eot') format('embedded-opentype'),  url('fonts/CFAstyStd-Medium.otf')  format('opentype'),
	     url('fonts/CFAstyStd-Medium.woff') format('woff'), url('fonts/CFAstyStd-Medium.bin')  format('truetype'), url('fonts/CFAstyStd-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CFAstyStd-Light';
  src: url('fonts/CFAstyStd-Light.eot') format('embedded-opentype'),  url('fonts/CFAstyStd-Light.otf')  format('opentype'),
	     url('fonts/CFAstyStd-Light.woff') format('woff'), url('fonts/CFAstyStd-Light.bin')  format('truetype'), url('fonts/CFAstyStd-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ---------------------- FONT DECLARATIONS _end ---------------------- */

* {
	margin: 0;
	padding: 0;
}

body,
html {
    height: 100%;
    display: flex;
    flex-direction: column;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
}

body {
	overflow-x:hidden;
}

.fullHeightPage {
	display: flex;
    flex-direction: column;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
    height: 100%;
}

.clearfix {
	clear:both;
}

.container-fluid {
	width:100%;
} /*cause of display:flex on body*/

 .middleBar a {
	display: block;
    width: 100%;
    height: 100%;
  }

a:focus {
	outline:none;
}

a:hover,
a:active,a:visited,a:focus {
    text-decoration:none;
}

a,a:visited,a:focus {
	color:inherit;
}

img {
	width:100%;
	max-width:100%;
}

svg {
	width:100%;
}

.homeSlider {
	position:relative;
	height:100%;
	min-height:410px;
}

.homeSlider-pic,
.homeSlider-pic-alter {
	position:absolute;
	top:0;
	background-repeat: no-repeat;
    background-size: cover;
	width: 100%;
    height: 100%;
}

.homeSlider-pic-alter,
.abtSlider-pic-alter {
  display:none;
}

.homeSlider-contents {
	position:absolute;
	bottom:0;
	width:100%;
}

.slideTitle {
	text-align:center;
	display:none;
}

.sliderBullets {
	min-height:15px;
	margin-top:20px;
	text-align:center;
}

.abtSliderBullets {
	text-align:center;
	position: absolute;
    left: 0;
    right: 0;
}

footer {
	background-color:#28be00;
	font-family: 'CFAstyStd-Light';
	line-height: 24px;
}

.isIndex .topBar {
	/*background-color:#28be00;*/
	/*background: rgba(41,190,0,1);
	background: -moz-linear-gradient(top, rgba(41,190,0,1) 0%, rgba(99,208,11,1) 39%, rgba(152,223,20,1) 61%, rgba(255,255,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(41,190,0,1)), color-stop(39%, rgba(99,208,11,1)), color-stop(61%, rgba(152,223,20,1)), color-stop(100%, rgba(255,255,0,1)));
	background: -webkit-linear-gradient(top, rgba(41,190,0,1) 0%, rgba(99,208,11,1) 39%, rgba(152,223,20,1) 61%, rgba(255,255,0,1) 100%);
	background: -o-linear-gradient(top, rgba(41,190,0,1) 0%, rgba(99,208,11,1) 39%, rgba(152,223,20,1) 61%, rgba(255,255,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(41,190,0,1) 0%, rgba(99,208,11,1) 39%, rgba(152,223,20,1) 61%, rgba(255,255,0,1) 100%);
	background: linear-gradient(to bottom, rgba(41,190,0,1) 0%, rgba(99,208,11,1) 39%, rgba(152,223,20,1) 61%, rgba(255,255,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29be00', endColorstr='#ffff00', GradientType=0 );*/ /*new menu*/
}

.isCommon .topBar {
	background:white;
}

/*.middleBar {*/ /*new menu*/
.isCommon .middleBar {
	background-color:#ffff00;
}

.sharedLime {
	background: rgba(41,190,0,1);
	background: -moz-linear-gradient(top, rgba(41,190,0,1) 0%, rgba(91,206,9,1) 27%, rgba(139,220,17,1) 42%, rgba(190,235,26,1) 67%, rgba(225,246,33,1) 80%, rgba(255,255,38,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(41,190,0,1)), color-stop(27%, rgba(91,206,9,1)), color-stop(42%, rgba(139,220,17,1)), color-stop(67%, rgba(190,235,26,1)), color-stop(80%, rgba(225,246,33,1)), color-stop(100%, rgba(255,255,38,1)));
	background: -webkit-linear-gradient(top, rgba(41,190,0,1) 0%, rgba(91,206,9,1) 27%, rgba(139,220,17,1) 42%, rgba(190,235,26,1) 67%, rgba(225,246,33,1) 80%, rgba(255,255,38,1) 100%);
	background: -o-linear-gradient(top, rgba(41,190,0,1) 0%, rgba(91,206,9,1) 27%, rgba(139,220,17,1) 42%, rgba(190,235,26,1) 67%, rgba(225,246,33,1) 80%, rgba(255,255,38,1) 100%);
	background: -ms-linear-gradient(top, rgba(41,190,0,1) 0%, rgba(91,206,9,1) 27%, rgba(139,220,17,1) 42%, rgba(190,235,26,1) 67%, rgba(225,246,33,1) 80%, rgba(255,255,38,1) 100%);
	background: linear-gradient(to bottom, rgba(41,190,0,1) 0%, rgba(91,206,9,1) 27%, rgba(139,220,17,1) 42%, rgba(190,235,26,1) 67%, rgba(225,246,33,1) 80%, rgba(255,255,38,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29be00', endColorstr='#ffff26', GradientType=0 );
}

.bottomBar {
	background-color:#191919;
}

.topBar,
.middleBar,
.bottomBar,
footer.container-fluid {
	padding-left:0;
	padding-right:0;
}

.isIndex .topBar a,
.isIndex .zeCat,
.isIndex .searchBar,
.isIndex .categories-nav a,
footer,
footer a {
	color:white;
}

.isCommon .bottomBar a {
	color:#7d7d7d;
}

.isCommon .categories-nav a svg path,
.isCommon .categories-nav a svg path {
	fill:#7d7d7d;
}

.isCommon .topBar a,
.isCommon .zeCat span,
.isCommon .searchBar {
	color:#28be00;
}

.roles-nav>ul>li p {
	color:#191919;
}

.searchBar {
	text-align: right;
	padding-bottom:5px;
}

.vector-logo {
	display:block;
	float:left;
}

header {
	font-family: 'CFAstyStd-Book';
    width: 100%;
}

 header.isCommon {
	font-family: 'CFAstyStd-Book';
	position: fixed;
    top: 0;
	z-index: 100;
}

header ul {
	list-style:none;
	list-style-type:none;
	padding-inline-start: 0;
	margin-block-start: 0;
    margin-block-end: 0;
}

.middleBar,
.bottomBar {
	text-align:center;
}

.roles-nav>ul>li:first-child,
.zeCat {
	position:relative;
}

.teacher-sub,
.zeCat-sub {
	display:none;
	position:absolute;
	z-index:2;
	color:white;
	text-align: left;
}

.zeCat-sub .lvl-a a {
	color:white;
}

.teacher-sub {
	top:40px;
}

.isIndex .teacher-sub .lvl-a,
.isCommon .teacher-sub .lvl-a,
.zeCat-sub .lvl-a {
	padding:18px 24px 0 24px;
	margin-top:13px;
	background-color:#191919;
	border:2px solid white;
	border-radius: 10px;
}

.teacher-sub .lvl-a li,
.zeCat-sub .lvl-a li {
	padding: 0 0 18px 0;
}

.teacher-sub .lvl-b li {
	padding:8px 0 0 0;
	color:white;
}

.teacher-sub .lvl-b {
	padding:6px 0 4px 24px;
	display:none;
}

.menuOn .lvl-b {
	display:block!important;
}

.bubblePointer {
	left: 15px;
    width: 24px;
    height: 18px;
    position: absolute;
	background: url('img/bubblePointer.svg');
	background-repeat:no-repeat;
	background-size:contain;
}

/*.roles-nav>ul>li:first-child:hover .teacher-sub,
.roles-nav>ul>li:first-child:active .teacher-sub {
	display:block;
}
.roles-nav>ul>li:first-child:hover .teacher-sub,
.roles-nav>ul>li:first-child:active .teacher-sub {
	display:block;
}
.roles-nav>ul>li:first-child:hover .teacher-sub {
	display:block;
}*/ /*old menu effects*/

.teacher-sub a:hover,
.teacher-sub a:active,
.teacher-sub .menuOn>a,
.zeCat-sub a:hover,
.zeCat-sub a:active {
	color:#FFFF00!important;
}

.teacher-sub .lvl-a>li>a {
	background-image: url(img/whitePointer_down.svg);
    background-repeat: no-repeat;
    background-position: right;
}

.teacher-sub .lvl-a>li.menuOn>a {
	background-image: url(img/yellowPointer_up.svg);
}

footer nav a:not(:last-child) {
	padding-right:5px;
}

footer nav a:not(:first-child) {
	border-left:double 8px #FFFF00;
	padding-left:9px;
}

.role-teacher span,
.role-student span,
.roles-nav p,
.categories-nav span,
.categories-nav p {
	display: block;
	float:left;
	vertical-align:middle;
}

.categories-nav p {
	margin-bottom:0;
	margin-left:20px;
}

.main-nav>div {
	display: inline-block;
	vertical-align:middle;
}

.slideTitle p {
	margin-bottom:0;
	line-height: 1.1;
}

.slideTitle .titling {
	font-family: 'CFAstyStd-Book';
	color:white;
}

.slideTitle .title-extras {
	font-family: 'CFAstyStd-Medium';
	color:#FFFF00;
	margin-top:7px;
}

.sliderBullets span,
.abtSliderBullets span {
	display:inline-block;
	border-radius:100%;
	box-sizing:border-box;
}

.sliderBullets span {
	border:2px solid white;
}

.abtSliderBullets span {
	border:2px solid #28be00;
}

.sliderBullets span:not(:first-child) {
	margin-left:5px;
}

.sliderBullets span:not(:last-child) {
	margin-right:5px;
}

.isIndex .categories-nav a:hover,
.isIndex .categories-nav a:active,
.isIndex .categories-nav a.currentPage {
	color:#FFFF00;
}

.isCommon .categories-nav a:hover,
.isCommon .categories-nav a:active,
.isCommon .categories-nav a.currentPage {
	color:white;
}

.isIndex .categories-nav a:hover svg path,
.isIndex .categories-nav a:active svg path,
.isIndex .categories-nav a.currentPage svg path {
	fill:#FFFF00;
}

.isCommon .categories-nav a:hover svg path,
.isCommon .categories-nav a:active svg path,
.isCommon .categories-nav a.currentPage svg path {
	fill:white;
}

/*.role-teacher:hover p,
.role-teacher:active p,
.role-teacher.currentPage p,
.role-student:hover p,
.role-student:active p {
	color:#28be00;
}
.teacher-sub a:hover,
.teacher-sub a:active,
.role-teacher:hover p,
.role-teacher:active p {
	cursor:pointer;
}
.role-teacher:hover svg path,
.role-teacher:active svg path,
.role-student:hover svg path,
.role-student:active svg path{
	fill:#28be00;
}*//*temporary since inactive*/


.role-student,
.role-student a,
.role-student a:hover,
.role-student a:active {
	cursor:default;
} /*temporary since inactive*/

header .topBar a:hover,
header .topBar a:active,
header .topBar a.currentPage,
footer a:hover,
footer a:active,
footer a.currentPage,
.zeCat>span:hover,
.zeCat>span:active {
	color:#191919;
	cursor:pointer;
}

.menuShrinked>div {
	width: 38%;
    padding: 0px 7%;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition:transform .4s;
	-moz-transition:transform .4s;
	transition:transform .4s;
}

.twisty {
	-webkit-transform:rotate(90deg) scaleX(0.5);
	-moz-transform:rotate(90deg) scaleX(0.5);
	-ms-transform:rotate(90deg) scaleX(0.5);
	transform:rotate(90deg) scaleX(0.5);
}

.looong {
	height:148px!important;
}

.isCommon .vector-logo {
	width:35px;
	margin-right: 25px;
	margin-top: 2px;
}

.isIndex .vector-logo-mob svg path {
	fill:white;
}


.typesPage {
	padding-bottom:100px;
}

  .aboutPage p,
  .contactPage p,
  .privStatPage p:not(.justBolder),
   .privStatPage address,
  .privStatPage ul,
  .titlesPage p,
  .cookiesPage ul,
  .cookiesPage p,
  .newsPage p,
  .orderPage p,
  .orderPage address {
	  font-family: 'CFAstyStd-Book';
	  color:#191919;
  }

	.orderPage p,
	.orderPage address {
		font-size:16px;
		margin-bottom:0;
	}

	.orderAlert p {
		font-family: 'CFAstyStd-Medium';
		color:#ff0000;
	}

  .aboutPage h1,
  .contactPage h1,
  .typesPage h1,
  .privStatPage h1,
  .cookiesPage h1,
  .orderPage h1 {
	  font-family: 'CFAstyStd-Book';
	  color:#191919;
	  line-height: 1;
	  text-align:center;
  }

   .orderPage h1 span:last-child,
   .orderForm-area h4 span {
	   white-space: nowrap;
   }

   .titlesPage h1,
   .newsTxt h1 span:not(:first-child){
	  font-family: 'CFAstyStd-Book';
	  color:#28be00;
	  text-align:left;
	  line-height: 1;
  }

   .newsTxt h1 span:first-child {
	   font-family: 'CFAstyStd-Bold';
	   color:#28be00;
	  text-align:left;
	  line-height: 1;
   }

   .newsTxt h1 span:first-child::after {
	   content:" - ";
	   font-family: 'CFAstyStd-Book';
	   color:#28be00;
   }

   .newsTxt h1 {
	   line-height: 1;
	   font-size:unset;
   }

	.aboutPage h2,
	.privStatPage h2,
	.cookiesPage h2,
	.cookiesPage .likeHeading {
		font-family: 'CFAstyStd-Book';
		color:#28be00;
		margin-bottom: 13px;
	}

	.contactPage h2 {
		text-align:center;
		font-family: 'CFAstyStd-Bold';
	}

	.typesPage h2 {
		font-family: 'CFAstyStd-Light';
		color:#191919;
		line-height: 1;
	}

	.titlesPage h2 {
		font-family: 'CFAstyStd-Book';
		color:#28be00;
		line-height: 1;
		margin-top:0;
		margin-bottom:0;
		padding-top:30px;
		padding-bottom:20px;
	}

	.newsTxt h2 {
		font-family: 'CFAstyStd-Bold';
		color:#191919;
		line-height: 1;
		text-align:left;
	}

	.orderPage h2 {
		font-family: 'CFAstyStd-Book';
		color:#28be00;
		margin-bottom: 25px;
		font-size:24px;
	}

	.typesPage h3,
	.orderPage h3 {
		font-family: 'CFAstyStd-Bold';
		color:#28be00;
		line-height: 1;
	}

	.privStatPage h3,
	.cookiesPage h3 {
		font-family: 'CFAstyStd-Medium';
		line-height: 1;
		margin-bottom: 0;
	}

	.cookiesPage h3 {
		color:#28be00;
	}

	.privStatPage h3 {
		color: #191919;
	}

	.orderPage h3 {
		margin-bottom: 0;
		font-size:16px;
		margin-top:25px;
	}

	.orderPage h4 {
		font-family: 'CFAstyStd-Medium';
		line-height: 1;
		margin-bottom: 0;
		color:inherit;
		margin-left:7px;
	}

  .abtSlider,
  .abtTxt,
  .contactInfo,
  .privStatTxt,
  .cookiesPolTxt,
  .orderColumns {
	  max-width:945px;
	  margin-left:auto;
	  margin-right:auto;
  }

   .abtSlider {
	   margin-bottom: 35px;
	   position:relative;
	   width:100%;
   }

   .abtSlider-pic,
   .abtSlider-pic-alter {
	   position:absolute;
		top:0;
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		height: 100%;
		background-position: center bottom;
   }

   .abtSlider-pic {
	   background-image:url('../images/AboutUs/MM_educational_group.jpg');
   }

  .paragraph-main {
	background: rgba(208,210,211,1);
	background: rgba(208,210,211,1);
	background: -moz-linear-gradient(top, rgba(208,210,211,1) 0%, rgba(231,232,232,1) 22%, rgba(255,255,255,1) 68%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(208,210,211,1)), color-stop(22%, rgba(231,232,232,1)), color-stop(68%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(208,210,211,1) 0%, rgba(231,232,232,1) 22%, rgba(255,255,255,1) 68%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(208,210,211,1) 0%, rgba(231,232,232,1) 22%, rgba(255,255,255,1) 68%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(208,210,211,1) 0%, rgba(231,232,232,1) 22%, rgba(255,255,255,1) 68%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(208,210,211,1) 0%, rgba(231,232,232,1) 22%, rgba(255,255,255,1) 68%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d2d3', endColorstr='#ffffff', GradientType=0 );
	margin-bottom:50px;
  }

  .paragraph-main div:first-child {
	padding-left:15px;
	padding-right:15px;
	overflow: hidden;
	padding-top: 12px;
  }

  .aboutPage .paragraph-main p {
	  margin-bottom:0;
  }

  .privStatPage .paragraph-main p {
	  margin-bottom:20px;
  }

  .paragraph-main span {
	  float:right;
	  text-transform:uppercase;
	  font-family: 'CFAstyStd-Book';
	  font-size:15px;
	  color:#28be00;
	  cursor:pointer;
	  padding-top:10px;
  }

  .paragraph-main ul {
	    padding-left: 20px;
  }

	.searchGlass,
	.searchTxt {
		float:right;
		/*display:inline-block;*/ /*not ready yet*/
		display:none; /*not ready yet*/
	}

	.searchTxt input {
		background: none;
		border: none;
		color: white;
		height: 40px;
		width:100%;
		display:none;
	}

	.isIndex .searchExpand,
	.isCommon .searchExpand {
		border-radius: 20px;
		float:right;
	}

	.isIndex .searchExpand {
		/*border: 1px solid white;*/ /*not ready yet*/
		border: none; /*not ready yet*/
	}

	.isCommon .searchExpand {
		/*border: 1px solid #28be00;*/ /*not ready yet*/
		border: none; /*not ready yet*/
	}

	.isCommon .searchGlass {
		width:30px;
	}

	.isCommon .searchExpand {
		width: 30px;
		height: 30px;
	}

	.phoneInfo,
	.emailInfo,
	.addressInfo {
		padding-left:0;
		padding-right:0;
	}

	.phoneInfo span,
	.emailInfo span,
	.addressInfo span {
		background-repeat:no-repeat;
		margin-left:auto;
		margin-right:auto;
	}

	.phoneInfo span {
		background-image:url('img/phone-icon.svg');
	}

	.emailInfo span {
		background-image:url('img/email-icon.svg');
	}

	.addressInfo span {
		background-image:url('img/location-icon.svg');
	}

	.emailInfo a,
	.orderTxt-section a {
		border-bottom:1px solid #999999;
		font-family: 'CFAstyStd-Book';
		color:#191919;
	}

	.looksOnly {
		width:100%;
		background: rgba(255,255,255,1);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,233,233,1) 65%, rgba(208,210,211,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(65%, rgba(232,233,233,1)), color-stop(100%, rgba(208,210,211,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,233,233,1) 65%, rgba(208,210,211,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,233,233,1) 65%, rgba(208,210,211,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,233,233,1) 65%, rgba(208,210,211,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(232,233,233,1) 65%, rgba(208,210,211,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0d2d3', GradientType=0 );
	}

	.contactPage {
		padding-bottom: 50px;
	}

	.bookCover-thumb img {
		height:100%!important;
		width:auto!important;
	}

	.subcat-item {
		display:inline-block;
		vertical-align: top;
	}

	.subcat-list {
		padding-left: 0;
		padding-right: 0;
	}

	.subcat-group:not(:last-child) {
		border-bottom:2px solid #191919;
	}

	.subcat-group.row {
		margin-left:0;
		margin-right:0;
	}

	.justBolder {
		font-family: 'CFAstyStd-Medium';
		color:#191919;
	}

	.playVid {
		position:absolute;
		width:97px;
		height:97px;
		display:block;
		top:45%;
		-webkit-transform:translateY(-45%);
		-ms-transform:translateY(-45%);
		transform:translateY(-45%);
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		cursor:pointer;
		display:none;
	}

	.playVid:active path,
	.playVid:hover path {
		opacity:1;
	}

	.aboutPage .playVid {
		display:block;
		top:50%;
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);
	}

	.totalBlack {
		position:fixed;
		width:100%;
		height:100%;
		background-color: rgba(0, 0, 0, 0.75);
		z-index: 1000;
		display:none;
	}

	.homeSliderVid-area,
	.abtSliderVid-area {
		position:absolute;
		width:80%;
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		top:50%;
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);
		z-index: 1010;
		display:none;
	}

	.syllabusPop-area {
		position:absolute;
		height:80%;
		width:auto;
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		top:50%;
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);
		z-index: 1010;
		display:none;
		text-align:center;
	}

	.syllabusPop-area img {
		height: 100%!important;
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.syllabusPop-area iframe {
		width: 70%;
		height: 92%;
		margin-left: auto;
		margin-right: auto;
	}

	.abtSliderVideo,
	.homeSliderVideo {
		width:100%;
		border: 2px solid white;
	}

	.shooVid {
		display:block;
		content:'';
		width:30px;
		height:30px;
		background:url('img/close-icon.svg');
		background-repeat:no-repeat;
		background-size:contain;
		position:absolute;
		right:-15px;
		top:-15px;
		cursor:pointer;
	}

	.shooVid:hover,
	.shooVid:active {
		background:url('img/close-icon_HA.svg');
		background-repeat:no-repeat;
		background-size:contain;
	}

	.aboutPage,
	.privStatPage,
	.cookiesPage,
	.newsPage,
	.contactPage,
	.orderPage {
		padding-left: 0;
		padding-right: 0;
	}

	.hanselNgretel {
		font-family: 'CFAstyStd-Medium';
		margin-top:12px;
		margin-bottom:20px;
		font-size:14px;
		max-width: 945px;
		margin-left: auto;
		margin-right: auto;
	}

	.hanselNgretel a {
		display:inline-block;
	}

	.hanselNgretel a:not(:last-child)::after {
		content:' /';
		margin-right:5px;
	}

	.hanselNgretel a:not(:last-child) {
		color:#7d7d7d;
		cursor:pointer;
	}

	.hanselNgretel a:not(:last-child):not([href="javascript:void(0);"]):hover,
	.hanselNgretel a:not(:last-child):not([href="javascript:void(0);"]):active {
		color:#191919;
	}

	.hanselNgretel a[href="javascript:void(0);"] {
		cursor:default;
	}

	.hanselNgretel a:last-child {
		color:#28be00;
		cursor:default;
	}

	.hanselNgretel a:last-child:hover,
	.hanselNgretel a:last-child:active {
		color:#28be00;
	}

	.greySubBg {
		background-color:#efefef;
		padding-bottom:50px;
	}

	.title-section:not(.levels):not(.components) {
		padding-bottom:35px;
	}

	.features ul {
		padding-left:20px;
		margin-bottom:0;
	}

	.slb-list {
		text-align:left;
	}

	.slb-list a {
		display:block;
		float:left;
		text-align:center;
		vertical-align:middle;
		background-color:#1e1e1e;
		box-sizing:border-box;
		font-family: 'CFAstyStd-Book';
		color:white;
		border:3px solid #1e1e1e;
		margin-bottom:25px;
		font-size:35px;
		height:60px;
		width:100px;
		border-radius:30px;
	}

	.slb-list a:not(.notActiveYet):hover,
	.slb-list a:not(.notActiveYet):active {
		background-color:white;
		color:#1e1e1e;
	}

	.slb-list a:not([href]).notActiveYet {
		color:white;
		background-color:#babcbe;
		border-color:#babcbe;
	}

	.mainTop-section .row {
		margin-left:0;
		margin-right:0;
	}

	.pageBG {
		display:block;
		width:180px;
		height:240px;
		background-image:url('img/bookPage.svg');
		background-repeat:no-repeat;
		background-size:cover;
		-webkit-box-shadow: -18px 26px 42px 3px rgba(0,0,0,0.3);
		-moz-box-shadow: -18px 26px 42px 3px rgba(0,0,0,0.3);
		box-shadow: -18px 26px 42px 3px rgba(0,0,0,0.3);
	}

	.pageBG span {
		display: block;
		width:50%;
		height:100%;
		margin-left:auto;
		margin-right:auto;
	}

	.pageBG span svg {
		height: 100%;
		vertical-align: middle;
	}

	.lvl-list {
		text-align:left;
		font-size:0;
	}

	.lvl-item {
		display: inline-block;
		padding-bottom: 40px;
		background: transparent;
	}

	.lvl-title {
		text-align:left;
		font-family: 'CFAstyStd-Book';
		color:#0e163f;
		padding-bottom: 4px;
		background-color: white; /*white levels*/
	}

	.markings-list {
		font-size:0;
	}

	.m-icon {
		display:block;
		width:76.2%;
		padding-top: 76.2%;
		margin-left:auto;
		margin-right:auto;
		background-repeat:no-repeat;
		background-size:cover;
	}

	.marking {
		display:inline-block;
		vertical-align: top;
		margin-bottom: 8px;
	}

	.m-txt {
		font-family: 'CFAstyStd-Book';
		color:#28be00;
		font-size:14px;
		margin-bottom: 0;
		line-height: 1;
		text-align: center;
		margin-top:6px;
	}

	.m-nums .m-icon {
		background-image:url('img/numbers-icon.svg');
	}

	.m-geo .m-icon {
		background-image:url('img/geometry-icon.svg');
	}

	.m-meas .m-icon {
		background-image:url('img/measurement-icon.svg');
	}

	.m-zeData .m-icon {
		background-image:url('img/data-icon.svg');
	}

	.m-prob .m-icon {
		background-image:url('img/problemsolving-icon.svg');
	}

	.m-bio .m-icon {
		background-image:url('img/biology-icon.svg');
	}

	.m-phys .m-icon {
		background-image:url('img/physics-icon.svg');
	}

	.m-chem .m-icon {
		background-image:url('img/chemistry-icon.svg');
	}

	.c-txt {
		font-family: 'CFAstyStd-Book';
		color:#191919;
		margin-bottom: 0;
		line-height: 1;
		text-align: center;
		margin-top:20px;
	}

	.c-icon {
		display:block;
		margin-left:auto;
		margin-right:auto;
		background-repeat:no-repeat;
		background-size: 98%;
		background-position: center;
	}

	.comp-list {
		font-size:0;
	}

	.comp-item {
		display:inline-block;
		vertical-align: top;
		margin-bottom:30px;
	}

	.c-sb .c-icon {
		background-image:url('img/SB.svg');
	}

	.c-wb .c-icon {
		background-image:url('img/WB.svg');
	}

	.c-twb .c-icon {
		background-image:url('img/T-WB.svg');
	}

	.c-tb .c-icon {
		background-image:url('img/TB.svg');
	}

	.c-trcd .c-icon {
		background-image:url('img/TR-CD.svg');
	}

	.leaflet,
	.features,
	.components,
	.syllabus {
		display:none;
	}

	.daHome {
		background-color:#191919;
	}
	
	.homeContent {
		padding:20px 0 90px;
	}

	.homeContent p {
		font-family: 'CFAstyStd-BookOblique';
		font-size:16px;
		text-align:center;
		color:#777777;
		max-width:700px;
		margin-left:auto;
		margin-right:auto;
	}

	.decor {
		margin-left:auto;
		margin-right:auto;
		margin-top:5%;
	}

	.l-icon {
		width:56%;
		float:left;
	}

	.r-icon {
		width:42%;
		float:right;
	}

	.l-icon svg path,
	.r-icon svg path,
	.l-icon svg polygon,
	.r-icon svg polygon,
	.l-icon svg rect,
	.r-icon svg rect {
		fill:#999999;
	}

	.lvl-expanded {
		min-height:200px;
		background: #0e163f;
		max-width:942px;
		margin-left:auto;
		margin-right:auto;
		clear:both;
		margin-top: -3px;
	}

	.clickyyy .lvl-title {
		color: #28be00;
	}

	.currentCover {
		margin-left:auto;
		margin-right:auto;
		margin-top:25px;
	}

	.levels {
		background:white;
		margin-top:10px;
		border-top:5px solid #28be00;
		position:relative; /*to the top button*/
	} /*white levels*/

	  .lvlComp-cover {
		  margin-left:auto;
		  margin-right:auto;
	  }

	  .lvlComp-item span {
		  display:block;
	  }

	  .lvlComp-item {
		  display:inline-block;
		  text-align:left;
		  vertical-align:bottom;
	  }

	  .lvlComp-titling h3 {
		  font-family: 'CFAstyStd-Bold';
		  color:white;
	  }

	.lvlComp-titling h3 span:last-child {
		font-family: 'CFAstyStd-Book';
		color:#e7597c;
	}

	.lvlComp-item h4 {
		font-family: 'CFAstyStd-Medium';
		color:white;
	}

	.lvlComp-item .subTitling {
		font-family: 'CFAstyStd-Book';
		color:#e7597c;
	}

	.lvlComp-item .codeNum {
		font-family: 'CFAstyStd-Book';
		color:white;
	}


/* ----------------  COOKIES CUSTOM CSS CHECKBOX  _start ---------------- */
.cookies-msg input[type=checkbox].css-checkbox {
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

.cookies-msg input[type=checkbox].css-checkbox + label.css-label {
	padding-left:38px;
	height:34px; 
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	cursor:pointer;
}

.cookies-msg input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -34px;
}

.cookies-msg label.css-label {
	background-image:url('img/customCookieRadio.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* ----------------  COOKIES CUSTOM CSS CHECKBOX  _end ---------------- */


/* ----------------  ORDER CUSTOM CSS CHECKBOX  _start ---------------- */
.orderForm-area input[type=checkbox].css-checkbox {
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

.orderForm-area input[type=checkbox].css-checkbox + label.css-label {
	padding-top:80px;
	padding-left:0;
	height:80px; 
	display:inline-block;
	background-repeat:no-repeat;
	background-position: -3px 0;
	cursor:pointer;
}

.orderForm-area input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: -3px -83px;
}

.orderForm-area label.css-label {
	background-image:url('img/customRadioBtn.png');
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* ----------------  ORDER CUSTOM CSS CHECKBOX  _end ---------------- */



.cookies-overlayBlackOp {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 100;
    background: rgba(0,0,0,0.7);
    overflow-x: hidden;
    overflow-y: auto;
    text-align: center;
    display: none;
}

.privStatPage b,
.cookiesPage b {
	color:#28be00;
	font-family: 'CFAstyStd-Bold';
}

.cookiesPage a:hover b,
.cookiesPage a:active b,
.privStatPage a:hover b,
.privStatPage a:active b {
	color:#191919;
}

.cookiesPopUp {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	z-index:1000;
	width:0;
	overflow-x: hidden;
	-webkit-transition:width 0.35s;
	-o-transition:width 0.35s;
	transition:width 0.35s;
	background:rgba(255, 255, 255, 0.96);
	-webkit-box-shadow: 6px 6px 8px 0px rgba(28,28,27,0.75);
	-moz-box-shadow: 6px 6px 8px 0px rgba(28,28,27,0.75);
	box-shadow: 6px 6px 8px 0px rgba(28,28,27,0.75);
}

.cookies-msg .btn.btn-primary {
	background-color: #28be00;
    color: white;
	width:145px;
	height:33px;
	border:none;
	border-radius:10px;
	font-family: 'CFAstyPro-Semibold';
	font-size:18px;
	line-height: 1;
    vertical-align: middle;
}

.cookies-msg .btn.btn-primary:hover,
.cookies-msg .btn.btn-primary:active {
	background-color:#666666;
}

.cookies-msg .btn.btn-primary:focus {
	box-shadow:none!important;
	border:none!important;
}

.cookies-msg {
	height:100%;
	padding-left:7.68%;
	padding-right:7.68%;
	padding-top: 20%;
	display:none;
}

.cookieTitle p {
	font-family: 'CFAstyPro-Semibold';
	font-size:20px;
	color:#28be00;
	border-bottom:4px solid #28be00;
	padding-bottom:7px;
	margin-bottom:0;
}

.cookieTitle {
	margin-bottom:14px;
}

.cookieBlock p {
	font-family: 'CFAstyStd-Medium';
	color:#191919;
	font-size:14px;
	margin-bottom:28px;
}

.cookieBlock {
	padding-bottom:20px;
	border-bottom:4px solid #28be00;
	margin-bottom: 40px;
}

.goToCookies {
	display: block;
	font-family: 'CFAstyPro-Semibold';
	font-size:15px;
	margin-bottom:28px;
}

.goToCookies a,
.goToCookies a:focus {
	color:inherit;
}

.goToCookies a:hover,
.goToCookies a:active {
	color:#28be00;
}

.acceptCookies {
	font-family: 'CFAstyStd-Medium';
	color:#191919;
	font-size:14px;
	margin-bottom:14px;
}

.cookie-icon {
	display:block;
	border-radius:5px;
	background-color:#28be00;
	text-align: center;
	cursor:pointer;
	position:fixed;
	bottom:0;
	left:0;
	z-index:1001;
	width:50px;
	height:50px;
	line-height: 50px;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(25,25,25,0.65);
	-moz-box-shadow: 2px 2px 4px 0px rgba(25,25,25,0.65);
	box-shadow: 2px 2px 4px 0px rgba(25,25,25,0.65);
}

.cookie-icon span {
	display:inline-block;
	background:url('img/cookie_up_new.svg');
	background-repeat:no-repeat;
	background-size:contain;
	vertical-align: middle;
	width: 26px;
    height: 23px;
}

.cookie-icon:hover span,
.cookie-icon:active span {
	background:url('img/cookie_over_new.svg');
	background-repeat:no-repeat;
	background-size:contain;
}

.textblock {
	margin-bottom:30px;
}

.cookiesPage .gimmeTop,
.privStatPage .gimmeTop {
	margin-top:30px;
}

.cookiesPage ul,
.privStatPage ul {
	padding-left: 18px;
}

.cookiesPage table {
	margin-top: 30px;
	border:1px solid #28be00;
	font-family: 'CFAstyStd-Book';
    font-size: 15px;
    color: #191919;
}

.cookiesPage table th,
.cookiesPage table td {
	vertical-align: top;
	padding:5px;
}

.cookiesPage table th:not(last-child),
.cookiesPage table td:not(last-child) {
	border-right:1px solid #28be00;
}

.cookiesPage table thead {
	border-bottom:1px solid #28be00;
}

.cookiesPage table tr:not(last-child) {
	border-bottom:1px solid #28be00;
}

.cookiesPage table th:nth-child(3) {
	width: 35%;
}

.cookiesPage table th:first-child,
.cookiesPage table th:nth-child(2),
.cookiesPage table th:nth-child(4),
.cookiesPage table th:last-child {
	width: 16.25%;
}

.gimmeLeft {
	padding-left: 18px;
}

.cookiesPage p,
.privStatPage p {
	margin-bottom:0;
}

.goTop {
	width:40px;
	height:40px;
	/*position:fixed;
	bottom: 10px;
    right: 25px;*/ /*not a general button, specific for level components only!*/
	background-image:url('img/goUp.svg');
	background-repeat:no-repeat;
	background-size:contain;
	z-index: 2;
}

.goTop:hover,
.goTop:active {
	background-image:url('img/goUp_H.svg');
}

.goTop.levelsTop {
	position:absolute;
	bottom: -5px;
    right: 0;
}

.orderTxt {
	padding-left:0;
	padding-right:27px;
}

.orderForm-area {
	padding-right:0;
	padding-left:0;
}

.orderForm-area {
	background-color:#dbdbdb;
	color:#374650;
}

.orderForm-area label,
.orderForm-area p,
.orderForm-area input,
.orderForm-area select,
.orderForm-area textarea,
.orderForm-area .contactSubmit {
	color:#374650;
	font-family: 'CFAstyStd-Book';
}

.orderForm-area .contactSubmit {
	width: auto;
    display: inline-block;
	cursor:pointer;
	padding-left: 10px;
}

.form-errorNotif {
	font-family: 'CFAstyStd-Medium';
    color: #ff0000;
	font-size: 16px;
	margin:20px 0 0 7px;
	display:none;
}

.orderForm-area label {
	margin-bottom: 10px;
}

.orderForm-area textarea {
	border:2px solid #374650;
}

.vFormField {
    display: block;
    width: 100%;
    border: none;
    border-radius: 25px;
    min-height: 50px;
    padding-left: 20px;
	padding-right: 20px;
}

.vFormField:focus {
    outline: none;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(55,70,80,0.35);
    -moz-box-shadow: 0px 0px 5px 1px rgba(55,70,80,0.35);
    box-shadow: 0px 0px 5px 1px rgba(55,70,80,0.35);
}

.orderForm-area select {
    background-image: url('img/selectArrow.svg');
    background-position: right 20px;
    background-size: 38px;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding-right: 18px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#374650;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#374650;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#374650;
}

.addInp {
	font-family: 'CFAstyStd-Book';
	font-size: 21px;
    color:#28be00;
    text-align: center;
    line-height: 50px;
    vertical-align: middle;
    border-radius: 25px;
    width: 140px;
    background: white;
    display: block;
    cursor: pointer;
	margin-bottom:30px;
}

.rolePick>div {
	display:block;
	float:left;
}

.orderForm-area textarea {
	margin-top:10px;
}

/* -!-!-!-!-!-!-!-!-!-!- MEDIA QUERIES ONLY !!! _start -!-!-!-!-!-!-!-!-!-!- */

@media (min-width: 320px) {
	footer .r-side,
	footer .l-side {
		text-align:center;
	}
}  /*___ min 320 query ___*/

@media (max-width: 575px){
	.main-nav {
		display:block;
		/*float:right;*/ /*when rearranged*/
		float:left;
	}

	footer {
		font-size:10px;
	}

	.isIndex .topBar,
	.isCommon .topBar {
		font-size:14px;
		padding-top:9px;
		padding-bottom:3px;
	}

	.isIndex .middleBar,
	.isCommon .middleBar{
		font-size:14px;
		height: 70px;
	}

	.bottomBar {
		font-size:28px;
		-webkit-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.4);
		box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.4);
		position:absolute;
		z-index: 1;
		width: 77%;
	}

	.bottomBar .container {
		padding-left: 27%;
		padding-right: 0;
	}

	footer .l-side {
		order: 2;
	}

	footer .r-side {
		order: 1;
	}

	.isIndex .vector-logo {
		width:130px;
		margin-right: 25px;
	}

	.main-nav>div {
		padding-bottom: 10px;
	}

	.isIndex .main-nav>div:first-child {
		padding-left:0;
		padding-right:15px;
	}

	.isIndex  .main-nav>div:last-child {
		padding-left:15px;
		padding-right:0;
	}

	.isCommon .main-nav>div:first-child {
		padding-left:0;
		padding-right:12px;
	}

	.isCommon  .main-nav>div:last-child {
		padding-left:12px;
		padding-right:0;
	}

	.role-teacher span,
	.role-student span{
		width:48px;
		margin-top: 24px;
		margin-bottom: 11px;
	}

	.roles-nav p {
		line-height: 33px;
		margin-top:20px;
		margin-bottom:15px;
	}

	.categories-nav a {
		display: block;
	}

	.categories-nav a,
	.categories-nav p {
		line-height:70px;
	}

	.categories-nav span {
		width: 30px;
	}

	.slideTitle .titling {
		font-size:26px;
	}

	.slideTitle .title-extras {
		font-size:12px;
	}

	.sliderBullets span {
		width:12px;
		height:12px;
	}

	.abtSliderBullets span {
		width:10px;
		height:10px;
	}

	.homeSlider-contents {
		background: rgba(22,20,14,0);
		background: -moz-linear-gradient(top, rgba(22,20,14,0) 0%, rgba(22,20,14,0.49) 15%, rgba(22,20,14,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(22,20,14,0)), color-stop(15%, rgba(22,20,14,0.49)), color-stop(100%, rgba(22,20,14,1)));
		background: -webkit-linear-gradient(top, rgba(22,20,14,0) 0%, rgba(22,20,14,0.49) 15%, rgba(22,20,14,1) 100%);
		background: -o-linear-gradient(top, rgba(22,20,14,0) 0%, rgba(22,20,14,0.49) 15%, rgba(22,20,14,1) 100%);
		background: -ms-linear-gradient(top, rgba(22,20,14,0) 0%, rgba(22,20,14,0.49) 15%, rgba(22,20,14,1) 100%);
		background: linear-gradient(to bottom, rgba(22,20,14,0) 0%, rgba(22,20,14,0.49) 15%, rgba(22,20,14,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16140e', endColorstr='#16140e', GradientType=0 );
		padding-top: 6%;
		padding-bottom: 18%;
	}

	.homeSlider,
	.fullHeightPage.daHome {
		min-height:215px;
	}
	.homeFooter footer {
		margin-top: -58px;
	}

	.homeFooter footer .container{
		padding-bottom: 10px;
	}

	.categories-nav {
		height:0;
		overflow:hidden;
		-webkit-transition:height .4s;
		-moz-transition:height .4s;
		transition:height .4s;
	}

	.menuShrinked {
		line-height:40px;
	}

	.isIndex .middleBar>.container {
		padding:0;
	}

	.isCommon .middleBar .container {
		padding:0;
	}

	.role-teacher,
	.role-student {
		padding-bottom: 2px;
		width: 50%;
		float: left;
		display: block;
	}

	.role-teacher:hover,
	.role-teacher:active,
	.role-student:hover,
	.role-student:active {
		background:#404041;
	}

	.role-teacher:hover p,
	.role-teacher:active p,
	.role-student:hover p,
	.role-student:active p {
		color: #ffff00;
	}

	.role-teacher:hover svg path,
	.role-teacher:active svg path,
	.role-student:hover svg path,
	.role-student:active svg path {
		fill: #ffff00;
	}

	.bubblePointer {
		display:none;
	}

	.isIndex .teacher-sub .lvl-a,
	.isCommon .teacher-sub .lvl-a {
		background-color: #404041;
		border: none;
		border-radius:unset;
	}

	.isIndex .teacher-sub,
	.isCommon .teacher-sub{
		top: 57px;
		width: 200%;
		left: 0;
	}

	.mobSub {
		display: table;
		margin-left: auto;
		margin-right: auto;
	}

	.vector-logo {
		display:none;
	}

	.vector-logo-mob {
		display:block;
		width: 50px;
		margin-right: 15px;
		float:left;
	}

	.vectorWrapper:not(.daHome) {
		padding-top: 182px;
	}

	.categoriesHam,
	.roles-nav {
		display:block;
		float:left;
	}

	.categoriesHam {
		width:21.875%;
		background-color: #191919;
		font-size: 28px;
		padding-top: 15px;
		padding-bottom: 15px;
		position:relative;
	}

	.roles-nav {
		width:78.125%;
	}

	.homeSlider-pic,
	.homeSlider-pic-alter {
		background-position: center center;
	}

	.homeSlider-pic {
		background-image:url('../images/HomeSlider/max575/Science_mobile.jpg');
	}

	.categoriesHam {
		cursor:pointer;
	}

	.isIndex .middleBar {
		background-color:#ffff00;
	}

	.sharedLime {
		background-color:#28be00;
	}

	.aboutPage h2 {
		font-size:20px;
		padding-left: 15px;
	}

	.privStatPage h2,
	.cookiesPage h2,
	.cookiesPage .likeHeading {
		font-size:20px;
	}

	.textblock,
	.cookiesPolTxt>p:first-child,
	.orderColumns {
		padding-left: 15px;
		padding-right: 15px;
	}

	.aboutPage p,
	.privStatPage p,
	.privStatPage address,
	.privStatPage ul,
	.privStatPage h3,
	.cookiesPage ul,
	.cookiesPage p,
	.cookiesPage h3 {
	  font-size:14px;
  }

	.titlesPage p {
		font-size:17px;
	}

	.aboutPage,
	.privStatPage,
	.cookiesPage,
	.newsPage {
		margin-bottom: 35px;
	}

	.commonFooter footer {
		padding-top: 26px;
		padding-bottom: 26px;
	}

	.homeFooter footer a:hover,
	.homeFooter footer a:active {
		color:#FFFF00;
	}

	.aboutPage h1,
	.contactPage h1,
	.privStatPage h1,
	.cookiesPage h1,
	.orderPage h1 {
		font-size:40px;
		margin-top: 28px;
		margin-bottom: 28px;
  }

	.typesPage h1 {
		font-size:40px;
		margin-top: 28px;
		margin-bottom: 15px;
  }

	.titlesPage h1 {
		font-size:37px;
		margin-bottom:16px;
		margin-top:20px;
	}

	.paragraph-main div:first-child {
		padding-right: 15px;
	}

	.restrainedHeight {
		height: 75px; /*3 lines visible*/
	  }

	.paragraph-main span {
		padding-right: 15px;
	}

	.isIndex .searchGlass {
		width:30px;
	}

	.isIndex .searchExpand {
		width: 30px;
		height: 30px;
	}

	.searchBar {
		text-align: right;
		margin-top: 6px;
	}

	 .contactInfo {
	  max-width:255px;
  }

	.phoneInfo,
	.emailInfo,
	.addressInfo {
		font-size:12px;
		text-align:left;
		margin-bottom: 20px;
		padding-left: 27px;
	}

	.contactPage h2 {
		margin-bottom:45px;
		font-size:22px;
	}

	.phoneInfo span,
	.emailInfo span,
	.addressInfo span {
		width:48px;
		height:48px;
		background-size: 110%;
		background-position:center;
		border-radius: 100%;
		border: 2px solid #191919;
		display:inline-block;
		vertical-align: middle;
		margin-right: 12px;
	}

	.phoneInfo p,
	.emailInfo p,
	.addressInfo address {
		display:inline-block;
		vertical-align: middle;
		margin-bottom:0;
	}

	.typesPage h2 {
		font-size:23px;
		text-align:center;
		margin-bottom:15px;
	}

	.titlesPage h2 {
		font-size:33px;
	}

	.typesPage h3 {
		font-size: 15px;
		margin-bottom: 45px;
		max-width: 155px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		max-width:85px;
	}

	.bookCover-thumb {
		height:115px;
		margin-bottom:10px;
	}

	.subcat-item {
		padding-left: 0;
		padding-right: 0;
		width: 49%;
	}

	.subcat-list {
		text-align: center;
		max-width: 290px;
		margin-left: auto;
		margin-right: auto;
	}

	.subcat-group:not(:nth-child(2)) {
		padding-top:40px;
	}

	.privStatTxt,
	.cookiesPolTxt {
	  margin-top:55px;
  }

	.abtSliderBullets span:not(:first-child) {
		margin-left:4px;
	}

	.abtSliderBullets span:not(:last-child) {
		margin-right:4px;
	}

	.abtSlider {
		height:180px;
		width:303px!important;
	}

	.abtSliderBullets {
		bottom:30px;
	}

	.isIndex .teacher-sub .lvl-a,
	.isCommon .teacher-sub .lvl-a {
		font-size:21px;
	}

	.teacher-sub .lvl-b {
		font-size:19px;
	}

	.zeCat-sub {
		width: 180px;
	}

	.zeCat-sub .lvl-a {
		margin-top: 5px;
		background-color:transparent;
		border: none;
		border-radius:0;
		padding:0;
		-webkit-transform: translateX(-60%);
		-ms-transform: translateX(-60%);
		 transform: translateX(-60%);
		 text-align: right;
	}

	.zeCat-sub .lvl-a li {
		display: inline-block;
		padding:0;
	}

	.zeCat-sub .lvl-a a {
		font-size:12px;
		text-transform:uppercase;
		padding:4px 8px;
		background:transparent;
		box-sizing:border-box;
		border-radius: 15px;
		margin-left: 3px;
	}

	.isIndex .zeCat-sub .lvl-a a {
		color: white;
		border:1px solid white;
	}

	.isIndex .zeCat-sub .lvl-a a:hover,
	.isIndex .zeCat-sub .lvl-a a:active {
		background-color:#ffff00;
		color:#191919!important;
		border:1px solid #ffff00;
	}

	.isCommon .zeCat-sub .lvl-a a {
		color: #28be00;
		border:1px solid #28be00;
	}

	.isCommon .zeCat-sub .lvl-a a:hover,
	.isCommon .zeCat-sub .lvl-a a:active {
		background-color:#28be00;
		color: white!important;
	}

	.mainTop-section .coversSlider {
		width:275px;
		margin-left:auto;
		margin-right:auto;
		margin-top: 5px;
	}

	.mainTop-section p {
		padding-bottom:10px;
		margin-bottom:0;
	}

	.mainTop-section {
		padding-bottom:20px;
	}

	.features ul {
		font-size:14px;
	}

	.greySubBg .titlesPage ,
	.leftCol,
	.rightCol {
		padding-left: 0;
		padding-right: 0;
	}

	.slb-list a {
		font-size:25px;
		height:43px;
		width:70px;
		border-radius:24px;
	}

	.slb-list a:not(:first-child) {
		margin-left:0;
	}

	.slb-list a:not(:last-child) {
		margin-right:18px;
	}

	.lvl-list {
		max-width: 320px;
		margin-left:auto;
		margin-right:auto;
	}

	 .lvl-item {
		width: 50%;
	}

	.lvl-cover {
		padding-left: 9.32%;
		padding-right: 9.32%;
		padding-top: 11px;
	}

	.lvl-title {
		padding-left:  9.32%;
		font-size:16px;
	}

	.abtSlider {
	  -webkit-box-shadow: 0 10px 15px -6px rgba(61,61,61,0.4);
		-moz-box-shadow: 0 10px 15px -6px rgba(61,61,61,0.4);
		box-shadow: 0 10px 15px -6px rgba(61,61,61,0.4);
		border-radius: 11%;
   }

	.markings-list {
		text-align:center;
	}

	 .marking {
		width:90px;
	}

	  .c-txt {
		font-size:15px;
		padding-left: 10px;
		padding-right: 10px;
	}

	 .c-icon {
		width:61.4%;
		padding-top: 61.4%;
	}

	 .comp-item {
		width:105px;
	}

	 .comp-list {
		text-align:left;
	}

	 .lvl-list {
		 width:100%;
	 }

	 .selectedLvl {
		 display:none;
	 }

	 .lvl-item.clickyyy .lvl-cover {
		opacity: 0.5;
	}

	 .lvl-expanded {
		 display:none;
	 }

	 .lvl-expanded.mobStyle {
		 display:block;
		 margin-bottom:25px;
	 }

	  .lvlComp-cover {
		width: 91.2%;
		margin-left: 0;
	  }

	  .lvlComp-item {
		margin-left: 5px;
		margin-right: 0;
		margin-bottom: 30px;
		width: 170px;
	  }

	  .lvlComp-titling h3 {
		  font-size:30px;
		  margin-left:5px;
		  padding-top: 20px;
		  margin-bottom:15px;
		  padding-right:9px;
	  }

	.lvlComp-titling h3 span:first-child {
		margin-right:50px;
	}
	.lvlComp-titling h3 span:last-child::before {
		content:' ';
	}

	.lvlComp-item h4 {
		font-size:20px;
		margin-top:20px;
		margin-bottom:0;
		min-height:75px;
	}

	.lvlComp-item .subTitling {
		font-size:10px;
	}

	.lvlComp-item .codeNum {
		font-size:16px;
	}

	.lvlComp-list {
		text-align:center;
	}

	.decor {
		width:46%;
	}

	.homeContent {
		padding: 15px 0 70px;
	}

	.aboutPage .playVid {
		width:50px;
		height:50px;
	}

	 .yellowSubBg {
		background: rgba(255,245,5,0.3);
		background: -moz-linear-gradient(top, rgba(255,245,5,0.3) 220px, rgba(255,245,5,0.03) 300px, rgba(255,255,255,0.3) 320px);
		background: -webkit-gradient(left top, left bottom, color-stop(220px, rgba(255,245,5,0.3)), color-stop(300px, rgba(255,245,5,0.03)), color-stop(320px, rgba(255,255,255,0.3)));
		background: -webkit-linear-gradient(top, rgba(255,245,5,0.3) 220px, rgba(255,245,5,0.03) 300px, rgba(255,255,255,0.3) 320px);
		background: -o-linear-gradient(top, rgba(255,245,5,0.3) 220px, rgba(255,245,5,0.03) 300px, rgba(255,255,255,0.3) 320px);
		background: -ms-linear-gradient(top, rgba(255,245,5,0.3) 220px, rgba(255,245,5,0.03) 300px, rgba(255,255,255,0.3) 320px);
		background: linear-gradient(to bottom, rgba(255,245,5,0.3) 220px, rgba(255,245,5,0.03) 300px, rgba(255,255,255,0.3) 320px);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff505', endColorstr='#ffffff', GradientType=0 );
	  }

	 .cookiesExpand {
		width:85%!important;
	}

	 .cookiesPage table {
		width:100%;
	}

	.goTop {
		display: block;
	}

	.levels h2 {
		padding-left: 5px;
	}

	.aboutPage .hanselNgretel,
	.privStatPage .hanselNgretel,
	.cookiesPage .hanselNgretel,
	.orderPage .hanselNgretel,
	.newsPage .hanselNgretel,
	.contactPage .hanselNgretel {
		padding-left:15px;
	}

	.newsTxt {
		width:90%;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
	}

	.newsTxt h1 span:not(:first-child) {
		font-size:24px;
	}

	.newsTxt h1 span:first-child,
	.newsTxt h1 span:first-child::after {
		font-size:27px;
	}

	.newsTxt h2 {
		font-size:13px;
		margin-bottom:20px;
	}

	.newsTxt p {
		font-size:13px;
		margin-bottom:0;
	}

	.orderTxt-section:not(:last-child) {
		margin-bottom:40px;
	}

	.orderTxt-section:last-child {
		margin-bottom:25px;
	}

	.orderForm-area form {
		margin-top:25px;
	}

	.rolePick {
		margin-bottom:35px;
	}

	.orderForm-area textarea {
		margin-bottom:30px;
	}

	label[for="countries"],
	label[for="acceptPP-order"] {
		margin-top:27px;
	}

	.contactInput {
		margin-top:45px;
	}

	.contactSubmit {
		margin-top:50px;
	}

	.vFormField {
		margin-bottom: 18px;
	}

	.contactSubmit {
		font-size:21px;
	}

	.rolePick>div {
		min-height:unset;
		margin-bottom:25px;
	}

	 .rolePick>div:nth-child(odd) {
		 width: 57%;
		padding-right:3%;
	 }

	 .rolePick>div:nth-child(even) {
		 width: 40%;
	 }

	.orderForm-area {
		padding:45px 7px 30px;
	}

	.orderForm-area label,
	.orderForm-area p {
		font-size: 16px;
		margin-left:7px;
	}

	.orderForm-area input,
	.orderForm-area select,
	.orderForm-area textarea {
		font-size: 16px;
	}

	.orderPage h4 {
		font-size:23px;
		text-align:center;
	}

	.looksOnly {
		padding-top:60px;
	}
}  /*___ max 575 query ___*/

@media (min-width: 576px) {
	.main-nav {
		display:block;
		float:left;
	}

	header .container,
	footer .container{
		padding-left:0;
		padding-right:0;
	}

	.categoriesHam {
		display:none;
	}

	footer .r-side {
		text-align:right;
	}

	footer .l-side {
		text-align:left;
	}

	footer {
		font-size:10px;
		line-height:40px;
		vertical-align:middle;
	}

	.isIndex .topBar {
		font-size:14px;
		padding-top:30px;
		padding-bottom:35px;
	}

	.isCommon .topBar {
		font-size:15px;
		padding-top:7px;
		padding-bottom:3px;
	}

	.middleBar {
		font-size:14px;
	}

	.isCommon .middleBar {
		text-align: right;
	}

	.isIndex .bottomBar {
		font-size:40px;
	}

	.isCommon .bottomBar {
		text-align: left;
		font-size:24px;
	}

	.isIndex .vector-logo {
		width:100px;
		margin-right: 25px;
	}

	.main-nav>div {
		padding-left:15px;
		padding-right:15px;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.role-teacher span,
	.role-student span{
		width:49px;
		margin-top:8px;
		margin-bottom:6px;
	}

	.isIndex .roles-nav li {
		width:120px;
	}

	.roles-nav p {
		line-height: 26px;
		margin-top:8px;
		margin-bottom:6px;
	}

	.categories-nav {
		height:auto!important;
	}

	.isIndex .categories-nav a {
		display: inline-block;
		vertical-align:middle;
	}

	.isCommon .categories-nav a {
		display: inline-block;
		vertical-align:middle;
	}

	.isIndex .categories-nav a:not(:first-child) {
		margin-left:54px;
	}

	.isCommon .categories-nav a:not(:first-child) {
		margin-left:35px;
	}

	.isIndex .categories-nav a,
	.isIndex .categories-nav p {
		line-height:80px;
	}

	.isCommon .categories-nav a {
		line-height:47px;
	}

	.isCommon .categories-nav p {
		padding-top: 3px;
		padding-bottom: 0px;
	}

	.isCommon .categories-nav span {
		width:35px;
	}

	.isIndex .categories-nav span {
		width:44px;
	}

	.categories-nav>a>span {
		line-height:75px;
	}

	.slideTitle .titling {
		font-size:38px;
	}

	.slideTitle .title-extras {
		font-size:13px;
	}

	.sliderBullets span {
		width:12px;
		height:12px;
	}

	.abtSliderBullets span {
		width:13px;
		height:13px;
	}

	.homeSlider-contents {
		background: rgba(22,20,14,0);
		background: -moz-linear-gradient(top, rgba(22,20,14,0) 0%, rgba(22,20,14,0.5) 37%, rgba(22,20,14,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(22,20,14,0)), color-stop(37%, rgba(22,20,14,0.5)), color-stop(100%, rgba(22,20,14,1)));
		background: -webkit-linear-gradient(top, rgba(22,20,14,0) 0%, rgba(22,20,14,0.5) 37%, rgba(22,20,14,1) 100%);
		background: -o-linear-gradient(top, rgba(22,20,14,0) 0%, rgba(22,20,14,0.5) 37%, rgba(22,20,14,1) 100%);
		background: -ms-linear-gradient(top, rgba(22,20,14,0) 0%, rgba(22,20,14,0.5) 37%, rgba(22,20,14,1) 100%);
		background: linear-gradient(to bottom, rgba(22,20,14,0) 0%, rgba(22,20,14,0.5) 37%, rgba(22,20,14,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16140e', endColorstr='#16140e', GradientType=0 );
		padding-top:12%;
		padding-bottom:12%;
	}

	.menuShrinked {
		display:none;
	}

	.role-teacher,
	.role-student {
		display:inline-block;
		vertical-align:top;
	}

	.isIndex .role-teacher {
		margin-right:3px;
	}

	.isIndex .role-student {
		margin-left:3px;
	}

	.isCommon .role-student {
		margin-left:10px;
	}

	.mobSub {
		display: block;
	}

	.vector-logo-mob {
		display:none;
	}

	.vectorWrapper:not(.daHome) {
		padding-top: 135px;
	}

	.teacher-sub {
		min-width: 195px;
	}

	.homeSlider-pic,
	.homeSlider-pic-alter {
		background-position: center center;
	}

	.homeSlider-pic {
		background-image:url('../images/HomeSlider/min576/Science_web.jpg');
	  }

	.aboutPage h2,
	.privStatPage h2,
	.cookiesPage h2,
	.cookiesPage .likeHeading {
		font-size:20px;
	}

	.aboutPage p,
	.privStatPage p,
	.privStatPage address,
	.privStatPage ul,
	.privStatPage h3,
	.cookiesPage ul,
	.cookiesPage p,
	.cookiesPage h3 {
	  font-size:14px;
  }

	.titlesPage p {
		font-size:19px;
	}

	.aboutPage,
	.privStatPage,
	.cookiesPage,
	.newsPage {
		margin-bottom: 90px;
	}

	.aboutPage h1,
	.contactPage h1,
	.typesPage h1,
	.privStatPage h1,
	.cookiesPage h1,
	.orderPage h1 {
		font-size:52px;
		margin-top: 20px;
		margin-bottom: 22px;
  }

	.titlesPage h1 {
		font-size:37px;
		margin-bottom:22px;
		margin-top:15px;
	}

	.restrainedHeight {
		height: 75px; /*3 lines visible*/
	  }

	.isIndex .searchGlass {
		width:32px;
	}

	.isIndex .searchExpand {
		width: 32px;
		height: 32px;
	}

	.phoneInfo,
	.emailInfo,
	.addressInfo {
		font-size:14px;
		text-align:center;
	}

	.contactInfo {
		padding-top:45px;
	}

	.contactPage h2 {
		margin-bottom:35px;
		font-size:22px;
	}

	.phoneInfo span,
	.emailInfo span,
	.addressInfo span {
		display:block;
		margin-bottom:20px;
	}

	.phoneInfo span,
	.emailInfo span,
	.addressInfo span {
		width:80px;
		height:80px;
		background-size:contain;
	}

	.typesPage h2 {
		font-size:25px;
		text-align:left;
		margin-bottom:0;
	}

	.titlesPage h2 {
		font-size:35px;
	}

	.bookCover-thumb {
		height:115px;
		margin-bottom:15px;
	}

	.subcat-item {
		padding-left: 0;
		padding-right: 10px;
		width: 117px;
	}

	.typesPage h3 {
		font-size:15px;
		margin-bottom:35px;
		text-align:left;
	}

	.subcat-list {
		text-align: left;
	}

	.subcat-titling {
		padding-right: 0;
		padding-left: 0;
	}

	.typesPage {
		padding-left:0;
		padding-right:0;
	}

	.subcat-group:not(:nth-child(2)) {
		padding-top:40px;
	}

	.privStatTxt,
	.cookiesPolTxt {
	  margin-top:55px;
  }

	.abtSliderBullets span:not(:first-child) {
		margin-left:5px;
	}

	.abtSliderBullets span:not(:last-child) {
		margin-right:5px;
	}

	.abtSlider {
		height:300px;
	}

	.abtSliderBullets {
		bottom:30px;
	}

	.isIndex .teacher-sub .lvl-a,
	.isCommon .teacher-sub .lvl-a,
	.zeCat-sub .lvl-a {
		font-size:16px;
	}

	.teacher-sub .lvl-b {
		font-size:15px;
	}

	.isIndex .zeCat-sub,
	.isCommon .zeCat-sub {
		top:25px;
	}

	.mainTop-section .coversSlider {
		width: 50%;
		margin-left:auto;
		margin-right:auto;
	}

	.mainTop-section p {
		padding-bottom:30px;
		margin-bottom:0;
	}

	.mainTop-section {
		padding-bottom:30px;
	}

	.features ul {
		font-size:16px;
	}

	.slb-list a {
		font-size:25px;
		height:43px;
		width:70px;
		border-radius:24px;
	}

	.slb-list a:not(:first-child) {
		margin-left:0;
	}

	.slb-list a:not(:last-child) {
		margin-right:18px;
	}

	.titlesPage,
	.leftCol,
	.rightCol {
		padding-left: 0;
		padding-right: 0;
	}

	.lvl-item {
		width: 115px;
	}

	.lvl-cover {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 11px;
	}

	.lvl-title {
		padding-left: 10px;
		font-size:17px;
	}

	.currentCover {
		width:150px;
	}

	 .abtSlider {
	  -webkit-box-shadow: 0px 20px 18px -15px rgba(61,61,61,0.6);
		-moz-box-shadow: 0px 20px 18px -15px rgba(61,61,61,0.6);
		box-shadow: 0px 20px 18px -15px rgba(61,61,61,0.6);
		border-radius: 11%;
   }

	 .marking {
		width:20%;
	}

	 .markings-list {
		text-align:left;
	}

	 .c-txt {
		font-size:17px;
		padding-left: 10px;
		padding-right: 10px;
	}

	 .c-icon {
		width:61.4%;
		padding-top: 61.4%;
	}

	  .comp-item {
		width:20%;
	}

	   .comp-list {
		text-align:left;
	}

	   .selectedLvl {
		 display:block;
		 float:left;
		 background: #0e163f;
		 width:34%;
		margin-top: 40px;
		min-height: 260px;
	 }

	   .lvl-list {
		 width:66%;
		 float:right;
	 }

	.lvl-item.clickyyy .lvl-cover {
		opacity: 0.5;
	}

	 .lvl-expanded.mobStyle {
		 display:none;
	 }

	 .lvl-expanded {
		 display:block;
	 }

	  .lvlComp-cover {
		width: 94%;
		margin-left: 0;
	  }

	  .lvlComp-item {
		margin-left: 9px;
		margin-right: 0;
		margin-bottom: 40px;
		width: 165px;
	  }

	  .lvlComp-titling h3 {
		  font-size:30px;
		  margin-left:9px;
		  padding-top: 20px;
		  margin-bottom:15px;
	  }

	.lvlComp-titling h3 span:first-child {
		margin-right:55px;
	}

	.lvlComp-item h4 {
		font-size:20px;
		margin-top:20px;
		margin-bottom:0;
		min-height:75px;
	}

	.lvlComp-item .subTitling {
		font-size:10px;
	}

	.lvlComp-item .codeNum {
		font-size:16px;
	}

	.lvlComp-list {
		text-align:left;
	}

	.decor {
		width:50%;
	}

	.homeContent {
		padding: 70px 0 90px;
	}

	.aboutPage .playVid {
		width:70px;
		height:70px;
	}
	 .yellowSubBg {
		background: rgba(255,245,5,0.3);
		background: -moz-linear-gradient(top, rgba(255,245,5,0.3) 190px, rgba(255,245,5,0.03) 260px, rgba(255,255,255,0.3) 320px);
		background: -webkit-gradient(left top, left bottom, color-stop(190px, rgba(255,245,5,0.3)), color-stop(260px, rgba(255,245,5,0.03)), color-stop(320px, rgba(255,255,255,0.3)));
		background: -webkit-linear-gradient(top, rgba(255,245,5,0.3) 190px, rgba(255,245,5,0.03) 260px, rgba(255,255,255,0.3) 320px);
		background: -o-linear-gradient(top, rgba(255,245,5,0.3) 190px, rgba(255,245,5,0.03) 260px, rgba(255,255,255,0.3) 320px);
		background: -ms-linear-gradient(top, rgba(255,245,5,0.3) 190px, rgba(255,245,5,0.03) 260px, rgba(255,255,255,0.3) 320px);
		background: linear-gradient(to bottom, rgba(255,245,5,0.3) 190px, rgba(255,245,5,0.03) 260px, rgba(255,255,255,0.3) 320px);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff505', endColorstr='#ffffff', GradientType=0 );
	  }

	 .cookiesExpand {
		width:67.29%!important;
	}

	 .cookiesPage table {
		width:100%;
		table-layout:fixed;
	}

	.cookiesPage table th,
	.cookiesPage table td {
		overflow-wrap: break-word;
		word-wrap: break-word;
	}

	.goTop {
		display: none;
	}

	.levels h2 {
		padding-left: 16px;
	}

	.newsTxt {
		width:506px;
		margin-left:auto;
		margin-right:auto;
		margin-top:25px;
	}

	.newsTxt h1 span:not(:first-child) {
		font-size:33px;
	}

	.newsTxt h1 span:first-child,
	.newsTxt h1 span:first-child::after {
		font-size:37px;
	}

	.newsTxt h2 {
		font-size:18px;
		margin-bottom:30px;
	}

	.newsTxt p {
		font-size:18px;
		margin-bottom:0;
	}

	.orderTxt-section {
		margin-bottom:48px;
	}

	.orderForm-area form {
		margin-top:48px;
	}

	.rolePick {
		margin-bottom:50px;
	}

	.orderForm-area textarea {
		margin-bottom:40px;
	}

	label[for="countries"],
	label[for="acceptPP-order"] {
		margin-top:30px;
	}

	.contactInput {
		margin-top:60px;
	}

	.contactSubmit {
		margin-top:75px;
	}

	.vFormField {
		margin-bottom: 30px;
	}

	.contactSubmit {
		font-size:25px;
	}

	.rolePick>div {
		margin-bottom:35px;
	}

	.rolePick>div {
		min-height:145px;
	}

	 .rolePick>div:nth-child(odd) {
		 width: 52%;
		padding-right:2%;
	 }

	 .rolePick>div:nth-child(even) {
		 width: 46%;
	 }

	.orderForm-area {
		padding:45px 13px 30px;
	}

	.orderForm-area label,
	.orderForm-area p {
		font-size: 23px;
		margin-left:7px;
	}

	.orderForm-area input,
	.orderForm-area select,
	.orderForm-area textarea {
		font-size: 21px;
	}

	.orderPage h4 {
		font-size:27px;
		text-align:center;
	}

	.looksOnly {
		padding-top:60px;
	}
	.daHome.fullHeightPage {
		min-height: 410px;
	}
}  /*___ min 576 bootstrap default query ___*/

@media (min-width: 768px) {
	footer {
		font-size:12px;
	}

	.isIndex .topBar {
		font-size:17px;
		padding-top:16px;
		padding-bottom:19px;
	}

	.middleBar {
		font-size:17px;
	}

	.bottomBar {
		font-size:50px;
	}

	.isIndex .vector-logo {
		width:148px;
		margin-right: 35px;
	}

	.isIndex .main-nav>div {
		padding-top: 7px;
		padding-bottom: 6px;
	}

	.isCommon .main-nav>div {
		padding-top: 4px;
		padding-bottom: 4px;
	}

	.role-teacher span,
	.role-student span{
		width:60px;
		margin-top:5px;
		margin-bottom:3px;
	}

	.isIndex .role-teacher {
		margin-right:5px;
	}

	.isIndex .role-student {
		margin-left:5px;
	}

	.isIndex .roles-nav li {
		width:165px;
	}

	.roles-nav p {
		line-height: 32px;
		margin-top:4px;
		margin-bottom:2px;
	}

	.isIndex .categories-nav span {
		width:55px;
	}

	.slideTitle .titling {
		font-size:48px;
	}

	.slideTitle .title-extras {
		font-size:16px;
	}

	.sliderBullets span {
		width:15px;
		height:15px;
	}

	.abtSliderBullets span {
		width:15px;
		height:15px;
	}

	.categories-nav a:not(:first-child) {
		margin-left:66px;
	}

	.aboutPage h2,
	.privStatPage h2,
	.cookiesPage h2,
	.cookiesPage .likeHeading {
		font-size:24px;
	}

	.aboutPage p,
	.privStatPage p,
	.privStatPage address,
	.privStatPage ul,
	.privStatPage h3,
	.cookiesPage p,
	.cookiesPage ul,
	.cookiesPage h3 {
		font-size:16px;
	}

	.aboutPage,
	.privStatPage,
	.cookiesPage,
	.newsPage {
		margin-bottom: 110px;
	}

	.aboutPage h1,
	.contactPage h1,
	.typesPage h1,
	.privStatPage h1,
	.cookiesPage h1,
	.orderPage h1 {
		font-size:65px;
		margin-top: 21px;
		margin-bottom: 36px;
  }

	.titlesPage h1 {
		font-size:41px;
		margin-bottom:24px;
		margin-top:0;
	}

	.restrainedHeight {
		height: 85px;  /*3 lines visible*/
	  }

	.isIndex .searchGlass {
		width:40px;
	}

	.isIndex .searchExpand {
		width: 40px;
		height: 40px;
	}

	.phoneInfo,
	.emailInfo,
	.addressInfo {
		font-size:16px;
	}

	.contactInfo {
		padding-top:75px;
	}

	.contactPage h2 {
		font-size:28px;
	}

	.phoneInfo span,
	.emailInfo span,
	.addressInfo span {
		margin-bottom:30px;
	}

	.phoneInfo span,
	.emailInfo span,
	.addressInfo span {
		width:100px;
		height:100px;
	}

	.typesPage h2 {
		font-size:32px;
	}

	.bookCover-thumb {
		height:160px;
	}

	.subcat-item {
		padding-left: 0;
		width: 157px;
		padding-right: 10px;
	}

	.typesPage h3 {
		font-size:20px;
	}

	.subcat-group:not(:nth-child(2)) {
		padding-top:50px;
	}

	.privStatTxt,
	.cookiesPolTxt {
	  margin-top:95px;
  }

	.abtSlider {
		height:400px;
	}

	.abtSliderBullets {
		bottom:40px;
	}

	.isIndex .teacher-sub .lvl-a,
	.isCommon .teacher-sub .lvl-a,
	.zeCat-sub .lvl-a {
		font-size:21px;
	}
	.teacher-sub .lvl-b {
		font-size:19px;
	}

	.isIndex .zeCat-sub {
		top:35px;
	}

	.mainTop-section .coversSlider {
		width: 86.34%;
		margin-left:0;
		margin-right:unset;
	}

	.mainTop-section p {
		padding-bottom:40px;
	}

	.slb-list a {
		font-size:28px;
		height:48px;
		width:79px;
		border-radius:24px;
	}

	.slb-list a:not(:first-child) {
		margin-left:0;
	}

	.slb-list a:not(:last-child) {
		margin-right:41px;
	}

	.lvl-item {
		width: 158px;
	}

	.lvl-cover {
		padding-left: 16px;
		padding-right: 16px;
	}

	.lvl-title {
		padding-left: 16px;
	}

	.currentCover {
		width:195px;
	}

	.rightCol .markings-list {
		display:none;
	}

	.markings-list.d-none.d-md-block.d-lg-none {
		max-width: 475px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
	}

	 .c-txt {
		padding-left: 20px;
		padding-right: 20px;
	}

	 .c-icon {
		width: 48.6%;
		padding-top: 48.6%;
	}

	  .lvlComp-cover {
		width: 78.35%;
		  margin-left: 0;
	  }

	  .lvlComp-item {
		margin-left: 18px;
		margin-right: 0;
		margin-bottom: 45px;
		width: 217px;
	  }

	  .lvlComp-titling h3 {
		  font-size:33px;
		  margin-left:18px;
		  padding-top: 20px;
		  margin-bottom:15px;
	  }

	.lvlComp-titling h3 span:first-child {
		margin-right:65px;
	}

	.lvlComp-item h4 {
		font-size:22px;
		margin-top:30px;
		margin-bottom:0;
		min-height:85px;
	}

	.lvlComp-item .subTitling {
		font-size:11px;
	}

	.lvlComp-item .codeNum {
		font-size:18px;
	}

	.decor {
		width:46%;
	}

	.homeContent {
		padding: 20px 0 120px;
	}

	.aboutPage .playVid {
		width:85px;
		height:85px;
	}

	.selectedLvl {
		min-height:330px;
	}

	 .yellowSubBg {
		background: rgba(255,245,5,0.3);
		background: -moz-linear-gradient(top, rgba(255,245,5,0.3) 220px, rgba(255,245,5,0.03) 320px, rgba(255,255,255,0.3) 350px);
		background: -webkit-gradient(left top, left bottom, color-stop(220px, rgba(255,245,5,0.3)), color-stop(320px, rgba(255,245,5,0.03)), color-stop(350px, rgba(255,255,255,0.3)));
		background: -webkit-linear-gradient(top, rgba(255,245,5,0.3) 220px, rgba(255,245,5,0.03) 320px, rgba(255,255,255,0.3) 350px);
		background: -o-linear-gradient(top, rgba(255,245,5,0.3) 220px, rgba(255,245,5,0.03) 320px, rgba(255,255,255,0.3) 350px);
		background: -ms-linear-gradient(top, rgba(255,245,5,0.3) 220px, rgba(255,245,5,0.03) 320px, rgba(255,255,255,0.3) 350px);
		background: linear-gradient(to bottom, rgba(255,245,5,0.3) 220px, rgba(255,245,5,0.03) 320px, rgba(255,255,255,0.3) 350px);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff505', endColorstr='#ffffff', GradientType=0 );
	  }

	 .cookiesExpand {
		width:57.29%!important;
	}

	 .levels h2 {
		padding-left: 21px;
	}

	 .newsTxt {
		width:655px;
		margin-top:35px;
	}

	 .rolePick>div {
		min-height:unset;
	}

	 .rolePick>div:nth-child(odd) {
		 width: 56%;
		padding-right:2%;
	 }

	 .rolePick>div:nth-child(even) {
		 width: 42%;
	 }

	 .orderForm-area {
		padding:45px 30px 30px;
	}

	 .looksOnly {
		padding-top:125px;
	}
}  /*___ min 768 bootstrap default query ___*/

@media (min-width: 992px) {
	header .container,
	footer .container{
		width: 945px;
	}

	.homeFooter footer .container{
		padding-left:0;
		padding-right:0;
	}

	.aboutPage h1,
	.contactPage h1,
	.typesPage h1,
	.privStatPage h1,
	.cookiesPage h1,
	.orderPage h1 {
		font-size:73px;
  }

	.titlesPage h1 {
		font-size:45px;
		margin-bottom:50px;
	}

	.phoneInfo,
	.emailInfo,
	.addressInfo {
		font-size:21px;
	}

	.contactInfo {
		padding-top:100px;
	}

	.contactPage h2 {
		margin-bottom:45px;
		font-size:31px;
	}

	.phoneInfo span,
	.emailInfo span,
	.addressInfo span {
		width:110px;
		height:110px;
	}

	.typesPage h2,
	.titlesPage h2 {
		font-size:36px;
	}

	.bookCover-thumb {
		height:180px;
	}

	.typesPage h3 {
		font-size:22px;
	}

	.subcat-item {
		width: 230px;
		padding-left: 0;
		padding-right: 60px;
	}

	 .typesPage,
	 .titlesPage {
		  max-width:945px;
		  margin-left:auto;
		  margin-right:auto;
	}

	 .abtSliderBullets span {
		width:20px;
		height:20px;
	}

	 .abtSliderBullets span:not(:first-child) {
		margin-left:7px;
	}

	.abtSliderBullets span:not(:last-child) {
		margin-right:7px;
	}

	.abtSlider {
		height:525px;
	}

	.abtSliderBullets {
		bottom:50px;
	}

	.titlesPage p {
		font-size:20px;
	}

	.slb-list a {
		font-size:35px;
		height:60px;
		width:100px;
		border-radius:30px;
	}

	.slb-list a:not(:first-child) {
		margin-left:0;
	} 

	.slb-list a:not(:last-child) {
		margin-right:57px;
	}

	.lvl-item {
		width: 157px;
	}

	.lvl-cover {
		padding-left: 11px;
		padding-right: 11px;
	}

	.lvl-title {
		padding-left: 11px;
	}

	.levels h2 {
		padding-left: 11px;
	}

	.rightCol .markings-list {
		display:block;
	}

	.bookInfo {
		min-height:425px;
	}

	.c-txt {
		font-size:18px;
		padding-left: 10px;
		padding-right: 10px;
	}

	 .c-icon {
		width: 42.4%;
		padding-top: 42.4%;
	}

	 .selectedLvl {
		 display:none;
	 }

	 .lvl-list {
		 width:100%;
		 float:unset;
	 }

	 .lvl-item.clickyyy {
		background: #0e163f;
	}

	 .lvl-item.clickyyy .lvl-cover {
		opacity: 1;
	}

	  .lvlComp-cover {
		  width: 82.95%;
		  margin-left: 0;
	  }

	  .lvlComp-item {
		margin-left: 18px;
		margin-right: 0;
		margin-bottom: 50px;
		width: 217px;
	  }

	  .lvlComp-titling h3 {
		  font-size:36px;
		  margin-left:18px;
		  padding-top: 30px;
		  margin-bottom:15px;
	  }

	.lvlComp-titling h3 span:first-child {
		margin-right:65px;
	}

	.lvlComp-item h4 {
		font-size:24px;
		margin-top:30px;
		margin-bottom:0;
		min-height:85px;
	}

	.lvlComp-item .subTitling {
		font-size:12px;
	}

	.lvlComp-item .codeNum {
		font-size:19px;
	}

	.decor {
		width:34%;
	}

	.aboutPage .playVid {
		width:105px;
		height:105px;
	}

	.cookiesExpand {
		width:37.29%!important;
	}

	.cookiesPage table {
		width:80%;
	}

	.newsTxt {
		width:796px;
		margin-top:50px;
	}

	.vFormField {
		max-width:455px;
	}

	.rolePick>div:nth-child(even),
	.rolePick>div:nth-child(odd) {
		min-height:145px;
		width: 50%;
		padding-right:0;
	}

	.orderPage h4 {
		text-align:left;
	}
}  /*___ min 992 bootstrap default query ___*/

@media (min-width: 1200px) {
	.container {
		width: 1180px;
	}

	.homeSlider-contents {
		padding-top:9%;
		padding-bottom:9%;
	}

	.decor {
		width:30%;
	}

	.newsTxt {
		width:809px;
	}
}  /*___ min 1200 bootstrap default query ___*/

/* -!-!-!-!-!-!-!-!-!-!- MEDIA QUERIES ONLY !!! _end -!-!-!-!-!-!-!-!-!-!- */